import CardList from './components/CardList';

import MyPageContainer from '@/components/MyPageContainer';
import { listServiceProjectVoByPageUsingPost } from '@/services/backend/serviceProjectController';
import { useRequest } from '@umijs/max';
import useStyles from './style.style';

const ServiceProject: React.FC = () => {
  const { styles } = useStyles();

  const { data, loading } = useRequest((values: any) => {
    return listServiceProjectVoByPageUsingPost({
      ...values,
    });
  });
  return (
    <MyPageContainer
      content={
        <>
          <div className={styles.cardList}>
            <CardList data={data?.records ?? []} loading={loading} />
          </div>
        </>
      }
    />
  );
};
export default ServiceProject;
